<template>
  <div>
    <h3>登录页面</h3>
    <table class="table table-bordered">
      <tbody>
        <tr>
          <td align="right">账号</td>
          <td><input type="text" v-model="userName">{{userName}} </td>
        </tr>
        <tr>
          <td align="right">密码</td>
          <td><input type="text" v-model="userPwd"> </td>
        </tr>
        <tr>
          <td></td>
          <td><input type="button" value="登录" class="btn btn-success" @click="login"> </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive} from 'vue';


let userName=ref("admin");
let userPwd=ref(123);
const login=()=>{
  alert(userName.value+","+userPwd.value)

}



</script>

<style scoped>

</style>
